<!DOCTYPE html>  
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Prestigie | Premium Wordpress Theme</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta name="Description" content="" />
	<meta name="keywords" content="" />
	<meta name="robots" content="index,follow,archive" />    
	<meta name="revisit-after" content="1 days" />
	<meta name="robots" content="all" />
	<meta name="google-site-verification" content="" />
	
	<!-- Favicon -->
	<link rel="shortcut icon" type="image/ico" href="#" />
	
	<!-- Stylesheets -->
	<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="css/template.css" type="text/css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="css/font-awesome-ie7.min.css">
    <![endif]-->
	<link rel="stylesheet" type="text/css" media="screen" href="styles.css"  />
	<link rel="stylesheet" type="text/css" media="screen" href="gold.css"  />
	<link rel="stylesheet" type="text/css" media="screen" href="portfolio.css"  />
    <link rel="stylesheet" type="text/css" href="css/style2.css" />


	<!-- JavaScripts -->
	<script type="text/javascript" src="javascript/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="js/retina.js"></script>
	
<!-- SCRIPT MENU EFFECTS -->
	<script type="text/javascript" src="js/ddlevelsmenu-gold.js"></script>
	
<!-- SCRIPT FILTER EFFECT GALLERY -->
	<script type="text/javascript" src="js/modernizr.custom.29473.js"></script>

<!-- SCRIPT COLORBOX GALLERY -->	
		<link rel="stylesheet" href="css/colorbox.css" />
		<script src="js/jquery.colorbox.js"></script>
		<script>
			$(document).ready(function(){
				//Examples of how to assign the ColorBox event to elements
				$(".group1").colorbox({rel:'group1'});
				$(".group2").colorbox({rel:'group2', transition:"fade"});
				$(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"});
				$(".group4").colorbox({rel:'group4', slideshow:true});
				$(".ajax").colorbox();
				$(".youtube").colorbox({iframe:true, innerWidth:425, innerHeight:344});
				$(".vimeo").colorbox({iframe:true, innerWidth:500, innerHeight:409});
				$(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
				$(".inline").colorbox({inline:true, width:"50%"});
				$(".callbacks").colorbox({
					onOpen:function(){ alert('onOpen: colorbox is about to open'); },
					onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
					onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
					onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
					onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
				});

				$('.non-retina').colorbox({rel:'group5', transition:'none'})
				$('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});
				
				//Example of preserving a JavaScript event for inline calls.
				$("#click").click(function(){ 
					$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
					return false;
				});
			});
		</script>
	
<!-- CONTACT FORM -->
	<script src="js/jquery.validationEngine-en.js" type="text/javascript"></script>
	<script src="js/jquery.validationEngine.js" type="text/javascript"></script>
		<script>
		$(document).ready(function() {
			
			$("#form1").validationEngine({
					ajaxFormValidation: true,
					onBeforeAjaxFormValidation: function() {
						$.ajax({
							url: 'ajaxSubmit.php',
							timeout: 15000,
							type: 'post',
							data: $('#form1').serialize(),
							success: function(html) {
								$("#form1").html('<span>Thank you, We will contact you soon !</span>'); 
							},
							error: function (result) {alert('An error occurred while sending.');}
						});
						return false;
					}
				});

			$("#form1").bind("jqv.form.validating", function() {	
				if ($('#name').val()=='Your Name') $('#name').val('');
				if ($('#email').val()=='E-mail') $('#email').val('');
				if ($('#comment').val()=='Your message') $('#comment').val('');
			});

		
		});
		</script>

<!-- BACK TO THE TOP BUTTON -->
		<script>
		$(document).ready(function(){

			// hide #back-top first
			$("#back-top").hide();
			
			// fade in #back-top
			$(function () {
				$(window).scroll(function () {
					if ($(this).scrollTop() > 100) {
						$('#back-top').fadeIn();
					} else {
						$('#back-top').fadeOut();
					}
				});

				// scroll body to 0px on click
				$('#back-top a').click(function () {
					$('body,html').animate({
						scrollTop: 0
					}, 800);
					return false;
				});
			});

		});
		</script>
</head>
<body id="top">
<!-- HEADER -->
<header>
<div class="header-wrapper">
	<div class="header-top"></div>
		<div class="search-wrapper">
			<form class="form-wrapper cf">
			<input type="text" class="f" value="Search here..." onblur="if(this.value == '') { this.value='Search here...'}" onfocus="if (this.value == 'Search here...') {this.value=''}">
			<button type="submit">Search</button>
			</form>
		</div>
	<div class="header-center">
		<div class="header-content">
			<div class="logo"><h1><a href="index.html">Logo Prestigio</a></h1></div>
			<nav>
				<div class="main-menu">
					<div id="navigation">
						<div id="ddtopmenubar" class="mattblackmenu">
						<ul>
						<li><a href="#" data-rel="ddsubmenu1">Homepage</a></li>
						<li><a href="#" data-rel="ddsubmenu2">Subpage</a></li>
						<li><a href="#" data-rel="ddsubmenu3">Blog</a></li>
						<li><a href="panorama.html">Virtual Tour</a></li>
						<li><a href="contact.html">Contact</a></li>
						</ul>
						</div>
						<!--Top Drop Down Menu 1 HTML-->
						<ul id="ddsubmenu1" class="ddsubmenustyle">
						<li><a href="#">1.1 - Parallax slider</a>
							<ul>
							  <li><a href="index-parallax1.html">Content V.1</a></li>
							  <li><a href="index-parallax2.html">Higher Content  V.2 </a></li>
							 </ul>
						</li>
						<li><a href="#">1.2 - Nivo slider - Stripes</a>
							<ul>
							  <li><a href="index-red.html">Red V.1 </a></li>
							  <li><a href="index-blue.html">Blue V.2</a></li>
							  <li><a href="index-green.html">Green V.3</a></li>
							  <li><a href="index-purple.html">Purple V.4</a></li>
							  <li><a href="index-gold.html">Goldish V.5</a></li>
							</ul>
						</li>
						<li><a href="#">1.3 - Video Background</a>
							<ul>
							  <li><a href="video1.html">Video Background V.1</a></li>
							  <li><a href="video2.html">Video Background V.2</a></li>
							  <li><a href="panorama.html">Video Background V.3</a></li>
							</ul>
						</li>
						<li><a href="#">1.4 - Cycle Slider</a>
						  <ul>
						  <li><a href="index-cycle1.html">Cycle Slider V.1</a></li>
						  <li><a href="index-cycle-dark.html">Cycle Slider V.2 - Black</a></li>
						  <li><a href="index-cycle-pattern4.html">Cycle Slider V.3 - Black</a></li>
						  <li><a href="index-cycle-pattern5.html">Cycle Slider V.4 - Black</a></li>
						  <li><a href="index-cycle-white.html">Cycle Slider V.5 - Light</a></li>
						  </ul>
						</li>
						<li><a href="index-elastic.html">1.5 - Elastic Slider</a>
						  <ul>
						  <li><a href="index-elastic1.html">Elastic Slider V.1</a></li>
						  <li><a href="index-elastic2.html">Elastic Slider V.2</a></li>
						  <li><a href="index-elastic3.html">Elastic Slider Full Width</a></li>
						  </ul></li>
						<li><a href="index-no-slider.html">1.6 - Without Slider</a></li>
						</ul>
						<!--Top Drop Down Menu 2 HTML-->
						<ul id="ddsubmenu2" class="ddsubmenustyle">
						<li><a href="#">About</a>
						  <ul>
							<li><a href="about.html">2.1 - Panels based</a></li>
							<li><a href="about2.html">2.2 - Various content</a></li>
							<li><a href="about3.html">2.3 - Animation &#43; Grids</a></li>
						  </ul>
						</li>
						<li><a href="#">Gallery</a>
						  <ul>
							<li><a href="portfolio1.html">3.1 - Classic</a></li>
							<li><a href="portfolio2.html">3.2 - Filter Effect V.1</a></li>
							<li><a href="portfolio3.html">3.3 - Filter Effect V.2</a></li>
							<li><a href="gallery.html">3.4 - With LightBox V.1</a></li>
							<li><a href="gallery2.html">3.5 - With LightBox V.2</a></li>
						  </ul>
						</li>
						<li><a href="#">Single Project</a>
						  <ul>
							<li><a href="single-project.html">4.1 - V.1 Wooden</a></li>
							<li><a href="single-project2.html">4.2 - V.2 Light</a></li>
						  </ul>
						 </li>
						</ul>
						<!--Top Drop Down Menu 3 HTML-->
						<ul id="ddsubmenu3" class="ddsubmenustyle">
							<li><a href="blog.html">Blog V.1 -Right Siderbar</a></li>
							<li><a href="blog2.html">Blog V.2 -Left Siderbar</a></li>
							<li><a href="blog-single.html">Single Post - Right Sidebar</a></li>
							<li><a href="blog-single2.html">Single Post - Left Sidebar</a></li>
						</ul>
					</div>
				</div>
			</nav>
		</div>
	</div>
</div>
</header>

<div class="clear"></div>

<!-- CONTENT -->
<div class="content-bottom-port2">
	<div class="container">
	<div class="pr-title"><a href="index.html">Home</a> / Galery</div>
		<ul class="colorbox">
			<li><a class="group2" href="images/large/1.jpg" title=" "><img src="images/thumbs/1.jpg" alt=" " title=" " /></a></li>
			<li><a class="group2" href="images/large/2.jpg" title=" "><img src="images/thumbs/2.jpg" alt=" " title=" " /></a></li>
			<li><a class="group2" href="images/large/3.jpg" title=" "><img src="images/thumbs/3.jpg" alt=" " title=" " /></a></li>
			<li><a class="group2" href="images/large/1.jpg" title=" "><img src="images/thumbs/1.jpg" alt=" " title=" " /></a></li>
			<li><a class="group2" href="images/large/2.jpg" title=" "><img src="images/thumbs/2.jpg" alt=" " title=" " /></a></li>
			<li><a class="group2" href="images/large/1.jpg" title=" "><img src="images/thumbs/1.jpg" alt=" " title=" " /></a></li>
			<li><a class="group2" href="images/large/2.jpg" title=" "><img src="images/thumbs/2.jpg" alt=" " title=" " /></a></li>
			<li><a class="group2" href="images/large/2.jpg" title=" "><img src="images/thumbs/2.jpg" alt=" " title=" " /></a></li>
			<li><a class="group2" href="images/large/3.jpg" title=" "><img src="images/thumbs/3.jpg" alt=" " title=" " /></a></li>
			<li><a class="group2" href="images/large/1.jpg" title=" "><img src="images/thumbs/1.jpg" alt=" " title=" " /></a></li>
			<li><a class="group2" href="images/large/2.jpg" title=" "><img src="images/thumbs/2.jpg" alt=" " title=" " /></a></li>
			<li><a class="group2" href="images/large/3.jpg" title=" "><img src="images/thumbs/3.jpg" alt=" " title=" " /></a></li>
			<li><a class="group2" href="images/large/2.jpg" title=" "><img src="images/thumbs/2.jpg" alt=" " title=" " /></a></li>
			<li><a class="group2" href="images/large/1.jpg" title=" "><img src="images/thumbs/1.jpg" alt=" " title=" " /></a></li>
			<li><a class="group2" href="images/large/1.jpg" title=" "><img src="images/thumbs/1.jpg" alt=" " title=" " /></a></li>
			<li><a class="group2" href="images/large/2.jpg" title=" "><img src="images/thumbs/2.jpg" alt=" " title=" " /></a></li>
			<li><a class="group2" href="images/large/3.jpg" title=" "><img src="images/thumbs/3.jpg" alt=" " title=" " /></a></li>
			<li><a class="group2" href="images/large/2.jpg" title=" "><img src="images/thumbs/2.jpg" alt=" " title=" " /></a></li>
			<li><a class="group2" href="images/large/1.jpg" title=" "><img src="images/thumbs/1.jpg" alt=" " title=" " /></a></li>
			<li><a class="group2" href="images/large/2.jpg" title=" "><img src="images/thumbs/2.jpg" alt=" " title=" " /></a></li>
			<li><a class="group2" href="images/large/3.jpg" title=" "><img src="images/thumbs/3.jpg" alt=" " title=" " /></a></li>		
		</ul>
	</div>
</div>
<div class="clear"></div>
<footer>
<div id="footer-top">
	<div class="footer-nav">
    <div id="global-footer">
	<div class="footer-left">
    <div class="section">
      <h3>Biz Stuff</h3>
      <ul>
        <li><a href="#">Privacy Policy</a></li>
        <li><a href="#">Terms and Conditions</a></li>
        <li><a href="#">Secure Site</a></li>
        <li><a href="#">Affiliate Program</a></li>
      </ul>
    </div>

    <div class="section">
      <h3>Customer Service</h3>
      <ul>
        <li><a href="#">About Us</a></li>
		<li><a href="#">FAQ</a></li>
		<li><a href="#">Customer Testimonials</a></li>
		<li><a href="#">Contact Us</a></li>
      </ul>
    </div>
    <div class="section">
      <h3>Socialize</h3>
      <ul>
        <li class="gplus-icon"><a href="#">Google +</a></li>
        <li class="facebook-icon"><a href="#">Facebook</a></li>
        <li class="twitter-icon"><a href="#">Twitter</a></li>
		<li class="linkedin-icon"><a href="#">LinkedIn</a></li>
      </ul>
    </div>
	</div>
	<div class="section-form">
	  <h3>Contact</h3>
	  <div id="form-div">
		<form class="form" id="form1">
		  <p class="name">
			<input name="name" type="text" class="validate[required,minSize[2]] text-input" id="name" value="Your Name" onfocus="if (this.value == 'Your Name') {this.value=''}" />
		  </p>
		  <p class="email">
			<input name="email" type="text" class="validate[required,custom[email]] text-input" id="email" value="E-mail" onfocus="if (this.value == 'E-mail') {this.value=''}" />
		  </p>
		  <p class="text">
			<textarea name="text" class="validate[required,minSize[6]] text-input" id="comment" onfocus="if (this.value == 'Your message') {this.value=''}">Your message</textarea>
		  </p>
		  <p class="send">
			<input type="submit" value="Send" />
		  </p>
		</form>
	  </div>
    </div>
	</div>
	</div>
	<p id="back-top"><a href="#top"><span></span>Back to Top</a></p>
</div>
<div class="footer-bottom">
	<div id="copyright"><p>Copyright <a href="#">Prestigie</a> 2013. All rights reserved. |  Created by <a href="http://www.spundo.com">Spundo</a></p></div>
</div>
</footer>
<script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar")
</script>

</body>
</html>
